<!DOCTYPE html>
<html>
<head>
<title>文章分类管理</title>
#include("../include/common.html")
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>文章分类管理</h5>
            </div>
            <form id="listForm" action="list" method="get">
                <div class="ibox-content">
                    <!-- 搜索 start -->
                    <!-- 搜索 end -->
                    <!-- 列表 start -->
                    <div class="form-horizontal clear">
                        <div class="form-group">
                            <div class="col-sm-8">
                                <a class="btn btn-primary" href="add"><i class="fa fa-plus"></i> 添加</a>
                                <a href="javascript:;" class="btn btn-primary" id="refreshButton"><i class="fa fa-refresh"></i> 刷新</a>
                                <a href="javascript:;" class="btn btn-primary" id="sortButton"><i class="fa fa-sort"></i> 排序</a>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-bordered" id="listTable">
                                <thead>
                                    <tr>
                                        <th width="80">排序</th>
                                        <th>ID</th>
                                        <th>名称</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody id="listTr">
                                    #for(articleCategoryItem : articleCategoryTree)
                                    <tr>
                                        <td><input type="text" class="form-control" name="sorts" value="#(articleCategoryItem.sort)" data-oldsort="#(articleCategoryItem.sort)" data-id="#(articleCategoryItem.id)"/></td>
                                        <td>#(articleCategoryItem.id)</td>
                                        <td>
                                            <span style="margin-left: #(articleCategoryItem.grade * 20)px;#if(articleCategoryItem.grade == 0) color: #000000;#end">
						                        #(articleCategoryItem.name)
						                    </span>
                                        </td>
                                        <td>
                                            <a href="edit?id=#(articleCategoryItem.id)">[编辑]</a>
                                            <a href="javascript:;" class="delete" val="#(articleCategoryItem.id)">[删除]</a>
                                        </td>
                                    </tr>
                                    #end
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- 列表 end -->
                </div>
            </form>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
$().ready(function() {

    var $delete = $("#listTable a.delete");
    
    var $sortButton = $("#sortButton");
    
    //排序
    $sortButton.click(function() {
        var $this = $(this);
        var $sortArry = [];
        $.each($("#listTr tr"),function(index,item){
            var $sorts = $(item).find("input[name='sorts']");
            var $sort = $sorts.val();
            var $oldsort = $sorts.data("oldsort");
            var $id = $sorts.data("id");
            if($sort!=$oldsort){
                var $sortReg = /^[1-9]\d*|0$/;
                if (!($sortReg.test($sort))) { 
                   $sort = "0";
                }
                var $json = {"id":$id,"sort":$sort};
                $sortArry.push($json);
            }
        });
        if($sortArry.length<1){
            swal({title:'', text:'数据未修改!',icon: 'warning'});
            return false;
        }
        $.ajax({
            url: "updateSort",
            type: "POST",
            data: {sortArray: JSON.stringify($sortArry)},
            dataType: "json",
            cache: false,
            success: function(response) {
                if (response.type == "success") {
                    location.reload();
                }else{
                    swal({title:'', text:response.msg,icon: 'error'});
                }
            }
        });
        return false;
    });
    
    // 删除
    $delete.click(function() {
        var $this = $(this);
        if(confirm("您确定要删除吗？")){
            $.ajax({
                url: "delete",
                type: "POST",
                data: {id: $this.attr("val")},
                dataType: "json",
                cache: false,
                success: function(response) {
                	if (response.type == "success") {
                        $this.closest("tr").remove();
                    }else{
                        swal({title:'', text:response.msg,icon: 'error'});
                    }
                }
            });
        }
        return false;
    });

});
</script>